<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link href="/dtpr/bootstrap/css/bootstrap.css" rel="stylesheet" type="text/css">
    <link href="/dtpr/Flat-UI/css/flat-ui.min.css" rel="stylesheet" type="text/css">
    <link href="/dtpr/bootstrap-select/css/bootstrap-select.min.css" rel="stylesheet" type="text/css">
    <link href="/dtpr/css/home.css" rel="stylesheet" type="text/css">
    <link href="/dtpr/css/message.css" rel="stylesheet" type="text/css">
    <script src="/dtpr/bootstrap/js/jquery-3.2.1.min.js"></script>
    <script src="/dtpr/js/home.js"></script>
    <title>模板</title>
</head>
<body>
<!--网页头-->
<script src="/dtpr/js/head.js"></script>
<!--网页体-->
<div class="main">
    <div class="container-fluid">
        <!--网页主体-->
        <div class="p-body">
            <div class="p-send">
                <p>选择要发送消息的对象</p>
                <div class="select">
                    <button class="btn btn-lg btn-primary" data-toggle="modal" data-target="#class-send">班级</button>
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    <button class="btn btn-lg btn-info" data-toggle="modal" data-target="#person-send">个人</button>
                </div>
            </div>
            <hr>
            <div class="p-message">
                <p>历史消息</p>
                <div class="choice">
                    <button class="btn btn-primary"  id="class" onclick="selectType(1)">班级</button>
                    <button class="btn btn-default" id="person" onclick="selectType(2)">个人</button>
                </div>
            </div>
            <div class="message-list">
                <!--表格-->
                <div class="p-table">
                    <table class="table table-hover">
                        <thead>
                        <tr>
                            <th>消息标题</th>
                            <th>内容</th>
                            <th>收件人</th>
                            <th>发布时间</th>
                        </tr>
                        </thead>
                        <!--表格内容块-->
                        <tbody>
                        <tr>
                            <td>赶紧做题</td>
                            <td>赶紧做题</td>
                            <td>小y</td>
                            <td>发布时间</td>
                        </tr>
                        </tbody>
                    </table>
                </div>
            </div>
            <script>demoPage()</script>
        </div>
        <!--modal 班级-->
        <div class="modal fade" id="class-send" tabindex="-1" role="dialog" aria-labelledby="sendClassLabel">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                        <h4 class="modal-title" id="sendClassLabel">发送班级消息</h4>
                    </div>
                    <form class="form-horizontal" role="form">
                        <div class="modal-body">
                            <input name="authenticity_token" type="hidden">
                            <div class="form-group">
                            <label class="col-sm-4 control-label">标题</label>
                            <div class="col-sm-6">
                                <input maxlength="50" type="text" class="form-control" name="name">
                            </div>
                        </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">收件人</label>
                                <div class="col-sm-6">
                                    <div class="recipient">
                                        <select id="classtype" name="classtype" class="selectpicker show-tick form-control" multiple data-live-search="false">
                                            <option value="0">一班</option>
                                            <option value="1">二班</option>
                                            <option value="2">三班</option>
                                            <option value="3">四班</option>
                                            <option value="4">五班</option>
                                            <option value="5">六班</option>
                                            <option value="6">七班</option>
                                        </select>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">内容</label>
                                <div class="col-sm-6">
                                    <textarea class="form-control" cols="60" id="classContent" rows="10"></textarea>
                                </div>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button type="submit" class="btn btn-info" data-dismiss="modal">发送</button>
                            <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
        <!--modal 个人-->
        <div class="modal fade" id="person-send" tabindex="-1" role="dialog" aria-labelledby="sendClassLabel">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                        <h4 class="modal-title" id="sendPersonLabel">发送个人消息</h4>
                    </div>
                    <form class="form-horizontal" role="form">
                        <div class="modal-body">
                            <input name="authenticity_token" type="hidden">
                            <div class="form-group">
                                <label class="col-sm-4 control-label">标题</label>
                                <div class="col-sm-6">
                                    <input maxlength="50" type="text" class="form-control" name="name">
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">收件人</label>
                                <div class="col-sm-6">
                                    <div class="recipient">
                                        <select id="personTypes" name="classtype" class="selectpicker show-tick form-control" multiple data-live-search="false">
                                            <option value="0">小明</option>
                                            <option value="1">小黄</option>
                                            <option value="2">小王</option>
                                            <option value="3">小红</option>
                                            <option value="4">小李</option>
                                            <option value="5">小陈</option>
                                            <option value="6">小小</option>
                                        </select>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="col-sm-4 control-label">内容</label>
                                <div class="col-sm-6">
                                    <textarea class="form-control" cols="60" rows="10" id="personContent"></textarea>
                                </div>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button type="submit" class="btn btn-info" data-dismiss="modal">发送</button>
                            <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
<!--网页脚-->
<script src="/dtpr/js/foot.js"></script>
<script src="/dtpr/bootstrap-select/js/bootstrap-select.min.js"></script>
<script src="/dtpr/Flat-UI/js/flat-ui.min.js"></script>
</body>
</html>